﻿@model Cipher.Web.Areas.Home.Models.LogOnModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>Sign In - Cipher</title>
    <link href="@Url.Content("~/content/base.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/content/login.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/content/images/fav.ico")" rel="icon"/>
    <link rel="shortcut icon" href="@Url.Content("~/content/images/fav.ico")" type="image/x-icon"/> 
    <script src="@Url.Content("~/scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/scripts/layout.js")" type="text/javascript"></script>
    <script type="text/javascript">
        window.onload = function () {
            document.getElementById('UserName').focus();
        };
    </script>
</head>
<body>
    <div id="loginpanel" class="loginstyle">
        
@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

@using (Html.BeginForm()) {
    <div class="logo"><img src="@Url.Content("~/content/images/lg.png")" /></div>
    <table border="0" align="center" cellpadding="0" cellspacing="8">
        <tr>
            <th><label for="UserName">Username or Email *</label></th>
            <td>@Html.TextBoxFor(m => m.UserName, new {@class="text"})</td>
        </tr>
        <tr>
            <th><label for="Password">Password *</label></th>
            <td>@Html.PasswordFor(m => m.Password, new { @class = "text" })</td>
        </tr>
        <tr>
            <th></th>
            <td>
                @Html.CheckBoxFor(m => m.RememberMe)
                @Html.LabelFor(m => m.RememberMe)
                @Html.ActionLink("Forget your password?", "forget", "account")    
            </td>
        </tr>
        <tr>
            <th></th>
            <td>
                <input type="image" src="@Url.Content("~/content/images/btn-signin.png")" />
            </td>
        </tr>
    </table>
}

    </div>
</body>
</html>
